<template>
    <div class="page">
        <Header :title="detail.title" left-arrow />
        <div class="detail">
            <product-detail :detail="detail" />
        </div>
    </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
import { ProductIntroduceModel } from '@/components/ProductDetail/detail.module';
import ProductDetail from '@/components/ProductDetail/index.vue';
import Header from '@/components/Header/index.vue';

// 这里是接口获取详情数据
const detail = ref<ProductIntroduceModel>({
    type: 2,
    title: '京潮计划',
    videoUrl: 'https://blmdsp-matter.obs.cn-east-2.myhuaweicloud.com/sale-tool/京潮计划-new.mp4',
    imgUrl: 'jd.png',
    points: '需要电商品效协同',
    scene: '电商需要获客、沉淀用户数字资产、曝光人群二次追赶',
    pdfName: '京潮计划产品介绍.pdf',
    routerName: 'productsJd'
});
</script>

<style lang="scss" scoped>
.page {
    height: 100vh;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    .detail {
        flex: 1;
        overflow: auto;
    }
}
</style>
